<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>09-HUTECH</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        

    </h:head>
    <h:body>
        <ui:composition template="/common/template.xhtml">
            <ui:define name="left">
                 <p:growl id="message" showDetail="true"  life="300"/>
                   <p:menu model="#{cateController.model}" style="min-height: 500px;" />  
            </ui:define>
            <ui:define name="right">
                 <p:panel  id="cart" header="Đặt Hàng" style="overflow: hidden;">
                      <h1>
                    Thông tin khách hàng
                </h1>
                     <div style="width: 100%;height: 100px;">
                         
                            
                             <h:outputText value="Tên khách hàng :#{cusController.cus.fullName}"/><br/>
                              <h:outputText value="Điện Thoại :#{cusController.cus.phone}}"/><br/>
                             <h:outputText value="Email :#{cusController.cus.email}}"/><br/>
                           
                        
                     </div>
                    <p:dataTable  value="#{cartController.card.listPromodel}" var="cart" >
                                       <p:column style="text-align: center;" headerText="Image">
                                            <p:graphicImage value="/resources/img/#{cart.prodetail.image}" style="padding: 0px auto !important;width: 70px;height: 80px;;"/>
                                        </p:column>
                                        <p:column  headerText="Tên Sản Phẩm">
                                            <h:outputText value="#{cart.prodetail.product.name}"/>
                                        </p:column>
                                        <p:column headerText="Đơn giá">
                                            <h:outputText value="#{cart.prodetail.price}"/>
                                        </p:column>
                                        <p:column  headerText="Số lượng">
                                            <h:outputText value="#{cart.soluong}"/>
                                        </p:column>
                                    

                </p:dataTable>
                    <div style="width: 100%;padding: 10px;">
                        <div style="float: right;width: 200px;text-align: right;font-size: 17px;color: #f00;font-weight: bold;padding-right: 20px;">
                            <h:outputText  value="#{cartController.sumPriceByUser}">
                                   <f:convertNumber pattern="#000,000VNĐ" />
                                        </h:outputText>
                    </div>
                        
                    </div>
                </p:panel>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
